<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
	<!DOCTYPE html>
	<html lang="zh-cmn-Hans">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Cache-Control" content="no-siteapp">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<meta name="renderer" content="webkit">
		<title>语音识别与合成</title>
		<link rel="stylesheet" href="/lib/bootstrap.css">
		<script src="/lib/jquery-3.1.1.min.js"></script>
		<script src="/lib/bootstrap.js"></script>
		<script src="/lib/MediaStreamRecorder.js"></script>
		<script src="/dist/index/index.js"></script>
	</head>

	<body>
		<!--<div id="content">${test}</div>-->
		<div class="container">
			<div class="page-header">
				<h1>语音识别与合成分客户端处理与服务端处理</h1>
			</div>
			<form class="form-horizontal" role="form">
				<div class="form-group">
					<label class="col-sm-2 control-label">是否客户端负责合成语音</label>
					<div class="col-sm-10">
						<label class="radio-inline">
  <input checked  type="radio" name="compose" value="true"> 是
</label>
						<label class="radio-inline">
  <input type="radio" name="compose" value="false"> 否
</label>
					</div>
				</div>
				<div class="form-group specified-wrap">
					<label class="col-sm-2 control-label">是否允许由用户指定语言</label>
					<div class="col-sm-10">
						<label class="radio-inline">
  <input checked  type="radio" name="specified" value="true"> 是
</label>
						<label class="radio-inline">
  <input type="radio" name="specified" value="false"> 否
</label>
					</div>
				</div>
				<div class="form-group param-wrap">
					<label class="col-sm-2 control-label">携带的语言参数</label>
					<div class="col-sm-10">
						<input id="param" type="email" class="form-control" placeholder="请输入携带的语言参数">
					</div>
				</div>
				<div class="form-group audio-wrap">
					<div class="col-sm-2" style="text-align:right;"><button type="button" class="start btn btn-success">录音</button><button type="button" class="stop btn btn-danger">停止</button></div>
					<div class="col-sm-10 audio">
					</div>
				</div>
				<!--<div class="audio-wrap"><button type="button" class="start btn btn-primary btn-lg">录音</button><button type="button" class="stop btn btn-danger btn-lg">停止</button></div>-->
				<div class="form-group">
					<div class="col-sm-offset-2 col-sm-10">
						<button id="submit" type="button" class="btn btn-lg btn-primary">提交</button>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label">结果</label>
					<div class="col-sm-10 output">
					</div>
				</div>
			</form>
		</div>
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                  &times;
            </button>
						<h4 class="modal-title" id="myModalLabel">
							提示
						</h4>
					</div>
					<div class="modal-body">
						请录音后再提交
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭
            </button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal -->
	</body>

	</html>